
App.page('mylist',function(){
	
	/**
	this.load = function(){
		alert('我加载了');
	}
	
	this.unload = function(){
		alert('我退出了');
	}**/
});


App.page('mydetail',function(){

	
	this.load = function(){
		
		//获取到参数
		var id = 1; 
		
		//loadData是自定义的加载数据的方法
		this.loadData(id);
		
		
	}
	
	this.unload = function(){
		$('#mydetail_section .mytitle').text("");
		$('#mydetail_section .mycontent').text("");
	}
	
	this.loadData = function(id){
		var _this = this;
		J.showMask('请稍后...');
		$.ajax({
			url:'server/view.php',
			data:{
				id:id //传递参数
			},
			timeout:2000,
			success:function(data){
				J.hideMask();
				var obj = JSON.parse(data); //等同于eval()
				$('#mydetail_section .mytitle').text(obj.title);
				$('#mydetail_section .mycontent').text(obj.content);
			},
			error:function(){
				J.hideMask();
				//如果请求超时，将会出现提示，点击提示区域可以重新调用loadData方法
				showTimeout('mydetail_section',_this.loadData);
			}
		});
	
	}
});


//请求超时的回调，第一个参数是当前section的ID，第二个是点击触发的方法
function showTimeout(sectionID,callback){
	var dom = $('#'+sectionID).find('.qazwsxcderfv');
	if(!dom.length){
		dom = $("<p class='qazwsxcderfv'>请求超时 , 点击重新加载</p>");
		dom.css({
			"position":"fixed",
			"width":"100%",
			"height":"100px",
			"line-height":"100px",
			"top":"40%",
			"text-align":"center",
			"z-index":999
		});
		
		$('#'+sectionID).append(dom);
		
		dom.tap(function(){
			callback();
			dom.hide();
		});
	}else{
		dom.show();
	}
}


